<template>
  <div id="contactUs">
	  <!-- page banner -->
	  <div class="page-banner about-banner text-center">
	      <p>为<span class="text-gold">特立独行</span>的游客寻找</p>
	      <h3 class="banner-title">与众不同的酒店</h3>
	  </div>
	  <!-- crumb nav -->
	  <div class="crumb-nav">
	    <div class="fixed-wrapper">
	    	<router-link to="/home">首页</router-link><i class="line">&gt;</i>
	    	<router-link to="/about">品牌故事</router-link><i class="line">&gt;</i>
	    	<span class="cur">联系我们</span>
	    </div>
	  </div>
	  <aboutNav v-bind:page-contactus="true"></aboutNav>
	  <!-- page content start-->
	  <div class="fixed-wrapper page-content">
	    <div class="page-title text-center"><div class="page-title-inner"><span>联系我们</span></div></div>
	    <!-- page details -->
	    <div class="page-details" id="about-us-banner">
	    	<div class="inline-loading" v-show="!requred"><img src="./../../assets/images/loading.gif" alt=""></div>
	      	<div v-html="contactusData"></div>
	    </div>
	  </div>
	  <!-- page content end -->
  </div>
</template>

<script>
import aboutNav from './../common/aboutNav.vue'

export default {
  name: 'contactUs',
  components: {
    aboutNav
  },
  data () {
    return {
      requred: false,
      contactusData: ''
    }
  },
  mounted: function () {
    this.$http.jsonp('http://www.slhhotels.cn/trail-api/v1/activity/LX/contact-us', {}, {
      headers: {
      },
      emulateJSON: true
    }).then(function (response) {
      // 这里是处理正确的回调
      this.contactusData = response.body[0].content
      this.requred = !this.requred
      console.log('response', response.body[0])
    }, function (response) {
      // 这里是处理错误的回调
      console.log(response)
    })
  }
}
</script>
